<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document对象</title>
    </head>
    <body>
        <!--
Document对象:文档对象
        1.创建(获取)
              1.window.document
              2.document
        2.方法
              1.获取Element对象
                 1. getElementById():根据id值获取元素对象. id值一般唯一
                 2. getElementByTagName():根据元素名称获取元素对象们. 返回值是一个数组
                 3. getElementByClassName():根据Class属性值获取元素对象们. 返回值是一个数组
                 4. getElementByName():根据name属性值获取元素对象们. 返回值是一个数组

              2.创建其他DOM对象
                 createAttribute(name):创建属性节点
                 createComment():创建注释
                 createElement():创建元素(标签)节点
                 createTextNode():创建文本节点

        -->
        <div id="div1">div1</div>
        <div id="div2">div2</div>
        <div id="div3">div3</div>
        <div class="cls1">div4</div>
        <div class="cls1">div5</div>
        <input type="text" name="username">

        <script>
            //1.根据id值获取元素对象
            var div1=document.getElementById("div1");
            alert(div1);

            //2.根据元素名称获取元素对象们
            var divs = document.getElementsByTagName("div");
            alert(divs.length)

            //3.根据Class属性值获取元素对象们
           var div_cls= document.getElementsByClassName("cls1")
            alert(div_cls.length)

            //4.根据name属性值获取元素对象们
            var ele_username=document.getElementsByName("username")
            alert(ele_username.length)


            //5.创建其他DOM对象
           var table= document.createElement("table")
            alert(table);
        </script>
    </body>
</html>